<p>cart!</p>

<p>
  <a [routerLink]="'/shipping'">Shipping Prices</a>

</p>
<div class="cart-item" *ngFor="let item of items">
  <span>{{item.name}}</span>
  <span>{{item.price|currency}}</span>
</div>
<!--
使用 ngSubmit 事件绑定来侦听表单提交，
以 checkoutForm 的值为参数
调用 onSubmit() 方法-->
<form [formGroup]="checkoutForm"
      (ngSubmit)="onSubmit()">
  <!--添加 name 和 address 的 <input> 字段
  每个字段都有一个 formControlName 属性
  该属性绑定到 checkoutForm 表单控件
  以将 name 和 address 绑定到其 <input> 字段
  -->
  <div>
    <label for="name">Name</label>
    <input id="name" type="text"
           formControlName="name">
  </div>
  <div>
    <label for="address">
      Address
    </label>
    <input id="address"
           type="text"
           formControlName="address">
  </div>
  <button
    class="button"
    type="submit">Purchase</button>
</form>
